<template>
  <div class="component-bg">
    <div class="background-color" :style="background"></div>
  </div>
</template>

<script >

import { getGradientBg } from "@/components/GradientColor/gradientBg"
import { getBackgroundImageAndColor } from "../../LowCode/custom-components/styleFilter"

export default {
  data() {
    return {
      isEdit: true
    }
  },
  props: {
    bg: {
      require: true,
      type: Object,
      default: () => {}
    },
  },
  computed: {
    background() {
      return getBackgroundImageAndColor(this.bg)
    }
  }




}
</script>

<style lang="less" scoped>
  @import url("./index.less");
</style>

